<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
Webpack是一个静态的模块打包工具,当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件
webpack提供了友好的模块化支持以及代码压缩混淆、处理JS兼容问题、性能优化等强大的功能，提高开发效率和项目的可维护性

静态：开发的过程中，存在于本地的js/css/图片图标字体文件等，就是静态的
动态的内容，webpack没办法处理只能处理静态的

 -->
</head>

<body>
    <script src="../dist/bundle.js"></script>
</body>

</html>